<script setup lang="ts">
import { Config, EventBus, Store } from "../../../main";

const changeLayout = () => {
  Store.Common.setHideLayout(!Store.Common.getHideLayout());
  EventBus.emit(Config.Event.changeLayoutShow, Store.Common.getHideLayout());
};
</script>

<template>
  <h2 @click="changeLayout" style="color: red; height: 100vh">zyf1系统主页</h2>
  <!-- <h2 @click="changeLayout" style="color: red; height: 100vh">
    网络异常，请联系管理员
  </h2> -->
  <!-- <div class="box" @click="changeLayout">
    <label for=""
      ><h3 style="display: inline-block; width: 100px; color: red">用户名</h3>
      <input type="text" />
    </label>
    <label for=""
      ><h3 style="display: inline-block; width: 100px; color: red">密码</h3>
      <input type="text" />
    </label>
    <label for="">
      <button>提交</button>
    </label>
    <h2 style="color: red; font-weight: bold">用户名或密码错误</h2>
  </div> -->
</template>
<style scoped>
.box {
  display: flex;
  margin-top: 20vh;
  flex-direction: column;
  height: 15vh;
  justify-content: space-around;
  align-items: center;
}
</style>
